<template>
  <div>
    <div v-for="(item, index) in list" :key="index">
      <XiaoDog2 :title="item.dogName" :url="item.dogImgUrl"></XiaoDog2>
    </div>
  </div>
</template>

<script>
import XiaoDog2 from "./components/xiao-dog2.vue";
export default {
  components: {
    XiaoDog2,
  },
  data() {
    return {
      list: [
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "博美",
        },
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "泰迪",
        },
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "金毛",
        },
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "哈士奇",
        },
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "阿拉斯加",
        },
        {
          dogImgUrl:
            "https://img2.baidu.com/it/u=2083711142,133299928&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
          dogName: "萨摩耶",
        },
      ],
    };
  },
};
</script>

<style>
</style>